/* styles.css for template #124
   spyka.net Webmaster */
body {
	 margin:0 auto;
	 padding:0; 
	 width:75%; 
	 height:100%; 
	 font-family:Arial, Helvetica, sans-serif;
	 background-image: url('../../images/1bg.gif');
color: black;
}
div.autosuggest {
    color: #cccccc;
    font-size: 10px;
    font-style: italic;
  
}
/* Global */
a { 
	font-weight:bold;
	text-decoration:underline;
	color:#333;
}
a:hover { 
	color:#77BA2E;
}
h1 {
	font-size:20px;
	margin:20px 0 15px 0;
}
h2 {
	font-size:1.2em;
        font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight:normal;
	border-bottom:1px solid #CCC;
	color:#77BA2E;


}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	border-bottom:1px solid #cccccc;

}
h4 {
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0;
	margin:0 0 0 10px;
	color:#77BA2E;

}



p {
	margin-left:20px;
	font-size:0.8em;
}
ul {
	list-style-type:square;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding-left:30px;
	margin-left:30px;
	font-size:0.8em;
}
blockquote {
	border:1px solid #ddd;
	background-color:#fff;
	padding:4px;
	font-size:0.9em;
	font-style:italic;
}
	blockquote p {
		margin:3px;
		padding:0;
	}
/* Layout */
div#container {
	margin:auto;
	width:100%;

}
div#page {
 background-color:#fff;
	width:80%;
	float:right;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;

	

	padding-top:0px;
	font-size: 0.8em;
}
/* Header */
div#header {
padding:1px 10 0px 0;
background-image: url('../../images/bg_top.png');
#height:60px;
margin-top:-30px;
border-right:1px solid #CCC;
border-left:1px solid #CCC;
background-color:#fff;


  
   

}
	div#header h1 {
		font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
		color:#7288B7 ;
		font-size:1.5em;
		padding:0;
		margin:30px 0 0 20px;
		font-weight:bold;

	}
	div#header h2 {
		font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
		color:#3B5998;
		font-size:0.8em;
		padding:0;
		margin:0 0 0 20px;
		font-weight:bold;
		border-bottom:0;
                background-color: transparent;
	}
/* Navigation menu */
div#menu {
	height:0px;
	border-bottom:19px solid #627AAD;

	width:auto;
	margin-left: auto;
	border-top:1px solid #fff;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	text-align:right;
	color: #fff;

}
	div#menu ul {
		padding:0;
		list-style-type:none;
		margin:0 0 0 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
	}
		div#menu ul li {
			float:left;
			display:inline;
			padding:0 7px;
			margin:0;
		}
			div#menu ul li a {
				display:block;
				float:left;
				font-weight:bold;
				padding:1px 15px 0 15px;
				height:2px;
				color:#000;
				text-decoration:none;
				border:none;
			}
			div#menu ul li a:hover {
				text-decoration:underline;
			}
			div#menu ul li a.current:hover {
				text-decoration:none;
			}
			div#menu ul li a.current {
				position:relative; /* for IE6 */
				color:#fff;
				margin-top:-5px;
				padding-top:5px;
				height:20px;
				border:1px solid #77BA2E;
				border-bottom:none;
				background-color:#3B5998;
			}
/* Content */
div#content {
	padding:0px 0px;
}
/* Sidebar */
div#sidebar {
 background-color:#fff;
	width:19.7%;
	float:left;
border-bottom:0px solid #CCC;
border-left:0px solid #CCC;
border-right:0px solid #CCC;

	
}
	div#sidebar ul {
		padding:0;
		list-style-type:none;
		margin:10px 0 10px 0;
		/* border-top:1px solid #ccc; /* /* uncomment to add table-like border */
	}
		div#sidebar ul li {
			margin:0;
			padding:0;
			/* border-bottom:1px solid #ccc; /* /* uncomment to add table-like border */
		}
			div#sidebar ul li a {
				display:block;
			}
			
/* Footer */
div#footer {
	clear:both;
	text-align:center;
	margin:0;
	padding:0;
        padding-left: 189px;
        
       


}
	div#footer p {
		padding:5px 0 10px 0;
	        color:#737373;
		font-size:0.7em;
		text-align:center;
                font-weight:bold;
                


	}
		div#footer p a {
			text-decoration:underline;
		}


		
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 0px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #cccccc;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;

}

.paginate_disabled_previous {
	background-image: url('../../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../../images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10pxcccccc;
border-top: 1px solid #cccccc;
	font-weight: bold;
	cursor: pointer;
color:#ffffff;
	* cursor: hand;
background-color:#7288B7 ;

}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid #cccccc;

	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}


table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../../images/sort_desc_disabled.png') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #cccccc;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #ffffff;
	border: 1px solid #A19B9E;


}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {

}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * End DataTables features
 */

@CHARSET "ISO-8859-1";

.CaptionClass{
	font-weight:bold;
}
.onOverClass{
	border-top:#D6D9DE solid 0px;
	background-color:#ECEEF4;
}
.onOutClass{
	border-top:#D6D9DE solid 0px;
	background-color:#ffffff;
}
.onClickClass{
	border:#3B59B6 solid 0px;
	background-color:#F0F0F0;
	color:#FFFFFF;
}
.hscClickClass{
	background-color:#D8DFEA;
	color:#000;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
        border-radius: 20px 20px 20px 20px;
        font-weight: bold;
    left: -1px;
    padding: 0 4px;
    position: relative;
}
.hscOutClass{
	color:#6D84B4;
	background-color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}


.area{
	border:0px #000000 solid;
	background-color:#ffffff;
	padding:0px;
	
}


/* add user */
#wrapper {
width:550px;
margin:10 auto;
text-align:left;
}

.infoWrapper {
	clear:both;
	margin-top:5px;
}

.infoTitle {
	color:#808080;
	float:left;
	width:230px;
	text-align:right;
	margin-right:5px;
}

.infoContent {
	padding-left:130px;
	text-align: left;
}

label {
	cursor:pointer;
}

.long {
	width:200px;
}

.short {
	height:50px;
}

/* end add user */



/* New confirmed styles */

/* Buttons */
/* Multiple classes used to make it easier to change styling per button later */
input.backbutton,
input.editbutton,
input.savebutton,
input.applybutton,
input.approvebutton,
input.updatebutton,
input.clearbutton,
input.inserttimebutton,
input.cancelbutton,
input.resetbutton,
input.addbutton,
input.delbutton,
input.rejectbutton,
input.exportbutton,
input.assignbutton,
input.viewbutton,
input.detailsbutton,
input.submitbutton,
input.searchbutton,
input.punchbutton {
	background:#7288B7 none repeat scroll 0 0 !important;
	border-color:#CCCC99 #666633 #666633 #CCCC99 !important;
	border-style:solid !important;
	border-width:1px !important;
	color:#ffffff !important;
	font-size: 11px;
	font-weight:bold !important;
	min-width:75px;
	width: auto;
	cursor: default;
}

input.plainbtn {
	background:#7288B7  none repeat scroll 0 0 !important;
	border-color:#CCCC99 #666633 #666633 #CCCC99 !important;
	border-style:solid !important;
	border-width:1px !important;
	color:#FFFFFF !important;
	font-size: 11px;
	font-weight:bold !important;
	min-width:100px;
	width: auto;
	cursor: default;
}

input.csvplainbtn {
	background:#7288B7 none repeat scroll 0 0 !important;
	border-color:#CCCC99 #666633 #666633 #CCCC99 !important;
	border-style:solid !important;
	border-width:1px !important;
	color:#FFFFFF !important;
	font-size: 11px;
	font-weight:bold !important;
	min-width:80px;
	width: auto;
	cursor: default;
}

input.longbtn {
	background:#7288B7 none repeat scroll 0 0 !important;
	border-color:#CCCC99 #666633 #666633 #CCCC99 !important;
	border-style:solid !important;
	border-width:1px !important;
	color:#FFFFFF !important;
	font-size: 11px;
	font-weight:bold !important;
	min-width:120px;
	width: auto;
	cursor: default;
}

input.extralongbtn {
	background:#7288B7 none repeat scroll 0 0 !important;
	border-color:#CCCC99 #666633 #666633 #CCCC99 !important;
	border-style:solid !important;
	border-width:1px !important;
	color:#FFFFFF !important;
	font-size: 11px;
	font-weight:bold !important;
	min-width:175px;
	width: auto;
	cursor: default;
}

input.backbuttonhov,
input.editbuttonhov,
input.savebuttonhov,
input.applybuttonhov,
input.approvebuttonhov,
input.inserttimebuttonhov,
input.updatebuttonhov,
input.clearbuttonhov,
input.cancelbuttonhov,
input.resetbuttonhov,
input.addbuttonhov,
input.delbuttonhov,
input.rejectbuttonhov,
input.exportbuttonhov,
input.assignbuttonhov,
input.viewbuttonhov,
input.detailsbuttonhov,
input.submitbuttonhov,
input.searchbuttonhov,
input.punchbuttonhov,
input.plainbtnhov,
input.longbtnhov,
input.extralongbtnhov {
	border-color: #c63 #c63 #930 #930 !important;
}

/* Back button */
a.backbutton {
	display:block;
	width:65px;
	height:20px;
	cursor: default;
	background: url(../pictures/btn_backdual.gif) no-repeat left top;
}
a.backbutton:hover {
	background-position: 0 -20px;
}
a.backbutton span {
	display:none;
}



#currentImage {
 border-bottom: 0px solid #ccc;
    cursor: pointer;

    padding: 2px;

}

.smallHelpText {
    color: black;
    font-size: 8pt;
}

img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px; 
    margin-top: -315px; 
    border: 1px solid #ccc;


}
img.floatLeftClear { 
    float: right; 
    clear: right; 
    margin: 4px; 


}


    
input:not([type=image]) {
	border: 1px solid #cccccc;
	font-size: 11px;
	background-color: #ffffff;
	padding-left: 4px;
	padding-right: 4px;

	}
	
	
	

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 0px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #cccccc;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../../images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid #cccccc;

	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}


table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../../images/sort_desc_disabled.png') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #cccccc;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #ffffff;
	border: 1px solid #A19B9E;


}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * End DataTables features
 */





 
input.backbutton, input.editbutton, input.savebutton, input.applybutton, input.approvebutton, input.updatebutton, input.clearbutton, input.inserttimebutton, input.cancelbutton, input.resetbutton, input.addbutton, input.delbutton, input.rejectbutton, input.exportbutton, input.assignbutton, input.viewbutton, input.detailsbutton, input.submitbutton, input.searchbutton, input.punchbutton {
    background: none repeat scroll 0 0 7288B7 !important;
    border-color: #CCCC99 #666633 #666633 #CCCC99 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #ffffff !important;
    cursor: default;
    font-size: 11px;
    font-weight: bold !important;
    min-width: 75px;
    width: auto;
}
input.plainbtn {
    background: none repeat scroll 0 0 #7288B7  !important;
    border-color: #CCCC99 #666633 #666633 #CCCC99 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #FFFFFF !important;
    cursor: default;
    font-size: 11px;
    font-weight: bold !important;
    min-width: 75px;
    width: auto;
}
input.longbtn {
    background: none repeat scroll 0 0 #cccccc966 !important;
    border-color: #CCCC99 #666633 #666633 #CCCC99 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #FFFFFF !important;
    cursor: default;
    font-size: 11px;
    font-weight: bold !important;
    min-width: 120px;
    width: auto;
}
input.extralongbtn {
    background: none repeat scroll 0 0 #cccccc966 !important;
    border-color: #CCCC99 #666633 #666633 #CCCC99 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #FFFFFF !important;
    cursor: default;
    font-size: 11px;
    font-weight: bold !important;
    min-width: 175px;
    width: auto;
}
input.backbuttonhov, input.editbuttonhov, input.savebuttonhov, input.applybuttonhov, input.approvebuttonhov, input.inserttimebuttonhov, input.updatebuttonhov, input.clearbuttonhov, input.cancelbuttonhov, input.resetbuttonhov, input.addbuttonhov, input.delbuttonhov, input.rejectbuttonhov, input.exportbuttonhov, input.assignbuttonhov, input.viewbuttonhov, input.detailsbuttonhov, input.submitbuttonhov, input.searchbuttonhov, input.punchbuttonhov, input.plainbtnhov, input.longbtnhov, input.extralongbtnhov {
    border-color: #CC6633 #CC6633 #993300 #993300 !important;
}
a.backbutton {
    background: url("../pictures/btn_backdual.gif") no-repeat scroll left top transparent;
    cursor: default;
    display: block;
    height: 20px;
    width: 65px;
}
a.backbutton:hover {
    background-position: 0 -20px;
}
a.backbutton span {
    display: none;
}

div.messagebar span {
    font-size: 10px;
    padding-left: 4px;
}
div.messagebar {
    background-color: white;
    border-bottom: 1px solid #FAD163;
    border-top: 0 none;
    margin: 0;
    padding: 2px 0 2px 0;
    text-align: left;
    width: auto;
}
div.searchbox {
    background-color: white;
    border-top: 0 none;
    margin: 0;
    padding: 6px 0;
    width: auto;
}
div.searchbox label {
    color: black;
    float: left;
    font-weight: bold;
    text-align: left;
    width: auto;
}
div.searchbox input, div.searchbox select {
    float: left;
    margin-right: 30px;
}
div.searchbox input.plainbtn {
    margin-right: 4px;
}
br.clear {
    clear: both;
}
table.data-table {
    background-color: #EEE;
    border: medium none;
    width: 100%;
}
table.data-table thead {
   background-image: url("../../images/top_menu.png");
  
}
table.data-table thead td {

    color: #3B5998;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    border-bottom: 3px solid #7288B7;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
table.data-table thead td a.null {
    background: url("../icons/null.png") no-repeat scroll right center transparent;
    padding-right: 10px;
}
table.data-table thead td a.ASC {
    background: url("../icons/ASC.png") no-repeat scroll right center transparent;
    padding-right: 10px;
}
table.data-table thead td a.DESC {
    background: url("../icons/DESC.png") no-repeat scroll right center transparent;
    padding-right: 10px;
}
table.data-table tbody {
    background-color: #FFFFFF;
    height: auto;
}
table.data-table tbody tr {
    height: 1em;
}
table.data-table tbody tr td {
padding: 1px 1px;
background-color: #EEEEEE;
border: 0.1em solid #fff;
}
table.data-table tbody td a {
    color: #000000;
    font-size: 12px;
    background: none repeat scroll 0 0 #D8DFEA !important;
    border: 1px solid #fff;

  
}
table.data-table tbody td a:hover {
    color: #000000;
    font-size: 12px;
    text-decoration: underline;
}
table.data-table tr.odd td {
    background-color: #D8DFEA ;
    color: #333;
    font-weight:bold;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;

}
table.data-table tr.even td {
    background-color: #EEEEEE;
}
.outerbox .formcontent {
    background-color: #FFFFFF;
    border-color: #FAD163;
    border-style: solid;
    border-width: 0 2px;
    height: 100%;
}
div.actionbar {
    background-color: white;
    display: block;
    float: left;
    width: 100%;
}
div.actionbuttons {
    background-color: white;
    float: left;
    padding: 2px;
    width: 35%;
}
div.noresultsbar {
    background-color: #FFF7D7;
    float: left;
    padding-top: 4px;
    width: auto;
}
div.pagingbar {
    background-color: inherit;
    display: block;
    float: right;
    padding-bottom: 1px;
    padding-right: 2px;
    padding-top: 1px;
    text-align: left;
    width: auto;
}
div.pagingbar span.inactive {
    color: gray;
    font-size: 11px;
}
div.pimpanel div.actionbar {
    border-bottom: 1px solid #FAD163;
    border-top: 1px solid #FAD163;
}
div.pimpanel div.actionbar div.actionbuttons {
    padding: 3px 0 3px 3px;
    width: 80%;
}
.outerbox .top .left {
    float: left;
    height: 2px;
    width: 8px;
}
.outerbox .top .right {
    float: right;
    height: 2px;
    width: 8px;
}
.outerbox .top .middle {
    height: 2px;
    margin: 0 8px;
}
.outerbox .bottom .left {
    float: left;
    height: 2px;
    width: 8px;
}
.outerbox .bottom .right {
    float: right;
    height: 2px;
    width: 8px;
}
.outerbox .bottom .middle {
    background: none repeat scroll 0 0 #F5F5F5;
    height: 2px;
    margin: 0 8px;
}
.outerbox .maincontent {
    background-color: white;
    border-color: #cccccc;
    border-style: solid;
    border-width: 0 1px;
    height: auto;

}
.outerbox .top div, .outerbox .bottom div {
    font-size: 0;
}
.outerbox {
    margin-left: 15px;
    margin-top: 10px;
    width: 98%;
}
div.formpageNarrow {
    width: 350px;
}
div.formpage {
    width: 500px;
}
div.formpage2col {
    width: 600px;
}
div.formpage3col {
    width: 700px;
}
div.navigation {
    margin-left: 15px;
    margin-top: 5px;
}
span.required {
    color: red;
}
div.fielderror {
    color: red;
    display: block;
    float: left;
    margin: 10px;
}
div.requirednotice {
    margin-left: 16px;
}
div.fieldHint {
    display: block;
    float: left;
    font-style: italic;
    margin-left: 10px;
}
label.sideHint {
    color: #cccccc;
    font-size: 10px;
    font-style: italic;
    width: 120px;
}
label, select.formSelect, input.formInputText, textarea.formTextArea, input.formDateInput, input.fileselect, span.formValue, span.formLabel, span.wideFormLabel, span.wideFormValue, div.wideFormValue, select.formTimeSelect, input.formFileInput {
    display: block;
    float: left;
    margin: 10px 0 2px;
}
input.formRadio, input.formCheckbox {
    display: block;
    float: left;
    margin: 10px 0 2px;
}
input.formCheckboxWide {
    display: block;
    float: left;
    margin: 10px 100px 0 0;
}
span.formFieldContainer {
    display: block;
    float: left;
    margin-left: 10px;
    width: 150px;
}
label, span.formLabel, span.wideFormLabel {
    padding-left: 10px;
    text-align: left;
    width: 110px;
}
label.optionlabel {
    margin-right: 2px;
    width: auto;
}
select.formSelect, input.formInputText, textarea.formTextArea, span.formValue, span.wideFormValue, div.wideFormValue {
    margin-left: 10px;
    width: 150px;
}
input.formFileInput {
    margin-left: 10px;
}
select.formSelect {
    width: 160px;
}
select.formTimeSelect {
    margin-left: 10px;
    width: 6em;
}
input.formInputText, textarea.formTextArea, span.formValue {
    padding-left: 4px;
    padding-right: 4px;
}
textarea.formTextArea {
    width: 250px;
}
input.longField {
    width: 300px;
}
input.empPopupButton, input.empPopupButton[type="button"] {
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
select.countrySelect {
    width: auto;
}
span.wideFormLabel {
    width: 200px;
}
span.wideFormValue, div.wideFormValue {
    width: 250px;
}
input.formDateInput {
    margin-left: 10px;
    padding-left: 4px;
    padding-right: 4px;
    width: 120px;
}
input.calendarBtn, input.calendarBtn[type="button"] {
    background-image: url("../icons/calendar.gif");
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 none;
    display: block;
    float: left;
    height: 16px;
    margin-left: 10px;
    margin-top: 10px;
    width: 16px;
}
div.formbuttons {
    border-top: 1px solid #cccccc;
    display: block;
    float: none;
    height: auto;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: auto;
}
div.loading {
    background-image: url("../icons/loading.gif");
    background-position: right center;
    background-repeat: no-repeat;
    display: none;
    text-align: right;
}
div.loading span {
    vertical-align: text-top;
}
#toggleContractLayerLink {
    background-image: url("../icons/contract_show.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 50px;
    outline: medium none;
    padding-left: 20px;
}
#toggleContractLayerLink.show {
    background-image: url("../icons/contract_show.png");
}
#toggleContractLayerLink.hide {
    background-image: url("../icons/contract_hide.png");
}
#toggleJobHistoryLayerLink {
    background-image: url("../icons/contract_show.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 10px;
    outline: medium none;
    padding-left: 20px;
}
#toggleJobHistoryLayerLink.show {
    background-image: url("../icons/contract_show.png");
}
#toggleJobHistoryLayerLink.hide {
    background-image: url("../icons/contract_hide.png");
}
td.tabForm {
    border: 1px solid #FAD163;
    padding: 0;
}
td.leftList {
    border-right: 1px solid #FAD163;
    padding: 0;
}
td.rightList {
    border: 0 none;
    padding: 0;
}
.hide {
    display: none;
}
.show {
    display: block;
}
tr.show {
    display: table-row;
}
thead th {
    padding-left: 5px;
    padding-right: 5px;
}

table, td {
    color: #000000;
    font-size: 12px;

}
p {
    margin-bottom: 10px;
    margin-top: 0;
}
form {
    margin: 0;
}
h1 {
    color: #7288B7;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}
h2 {
    color: #fff;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    background-color:#7288B7;



}
h3 {
    color: #333333;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 4px;

}
h4 {
    color: #3B5998;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px;   
    display: block;
    font-weight: bold;
    padding: 4px 0 1px;
    width: 112px;
    word-wrap: break-word;
    text-align: left;
    margin-right:-20px;

}

h5 {
    color: #3B5998;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin-top: 0px;
    text-align: left;
    width: 112px;
    display: block;
    margin-right:-30px;

}

ul {
    margin-top: 2px;
}
hr {
    height: 1px;
}
a:link, a:visited {
    color: #444;
    font-size: 10px;
}
a:hover {
}
.button {
    background-image: url("../pictures/btn_bg.gif");
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}
.buttonOn {
    background-color: #FFFFFF;
    border: 1px solid #444444;
    color: #444444;
    font-size: 11px;
    font-weight: normal;
}
select {
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    font-size: 11px;
    padding-left: 0;
}
input:not([type="image"]) {
    background-color: #D8DFEA;
    border: 1px solid #cccccc;
    font-size: 11px;
    padding-left: 4px;
    padding-right: 4px;


}
textarea {
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
}
.checkbox, .radio {
    background-color: transparent;
    border: 0 none;
    margin: 0;
    vertical-align: bottom;
}
.contentBox {
    background-color: #EFEFEF;
    border: 1px solid #9E9E9E;
    padding: 5px;
}
.teamNoticeBox {
    background-color: #EEEEEE;
    border: 1px solid #980000;
    color: #00568C;
    padding-left: 5px;
    padding-right: 5px;
}
a.body:link, a.body:visited {
    color: #444444;
    font-size: 12px;
}
a.body:hover {
}
.currentTab {
    background: url("../pictures/nCurrentTab_middle.gif") repeat scroll 0 0 transparent;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    padding-top: 1px;
}
a.currentTab:link, a.currentTab:visited {
    color: #333333;
    text-decoration: none;
}
a.currentTab:hover {
    color: #666666;
    text-decoration: none;
}
.currentTabLeft {
    background: url("../pictures/nCurrentTab_left.gif") repeat scroll 0 0 transparent;
}
.currentTabRight {
    background: url("../pictures/nCurrentTab_right.gif") repeat scroll 0 0 transparent;
}
.tabSpace {
    background: url("../pictures/emptyTabSpace.gif") repeat scroll 0 0 transparent;
}
.otherTab {
    font-size: 12px;
    font-weight: bold;
}
td.otherTab {
    background-image: url("../pictures/otherTab_middle.png");
}
a.otherTab:link, a.otherTab:visited {
    color: #6E6E6E;
    text-decoration: none;
}
a.otherTab:hover {
    color: #3C3C3C;
    text-decoration: none;
}
.otherTabLeft {
    background: url("../pictures/otherTab_left.png") repeat scroll 0 0 transparent;
}
.otherTabRight {
    background: url("../pictures/otherTab_right.png") repeat scroll 0 0 transparent;
}
.tabSeparator {
    background-image: url("../pictures/nCurrentTab_left.gif");
    padding-left: 7px;
}
.tabRow {
    background-color: white;
}
.tabContainer {
    background-color: #E5E5E5;
    width: 100%;
}
.tabLeftSpace {
}
#companyLogoHeader {
    background: url("../pictures/orange3.png") no-repeat scroll left top transparent;
    border-width: 0;
    display: block;
    float: left;
    height: 62px;
    margin-left: 10px;
    width: 264px;
}
#rightHeaderImage {
    background: url("../pictures/top_img.jpg") no-repeat scroll right top transparent;
    display: block;
    float: right;
    height: 62px;
    width: 300px;
}
.companyLogoHeader {
    background: url("../pictures/orange3.png") no-repeat scroll 10px 1px transparent;
    border-width: 0;
    height: 62px;
    margin-left: 10px;
    width: 264px;
}
.headerRight {
    background: url("../pictures/top_img.jpg") no-repeat scroll right top transparent;
    height: 62px;
    width: 300px;
}
.subMenuTDIcon {
    background-color: #EFEFEF;
    border-right: 1px solid #FEFEFE;
    color: #FFFFFF;
    font-size: 11px;
    padding: 1px 3px 2px;
}
.subMenuTD {
    background-color: #DFDFDF;
    border-bottom: 1px solid #EDEDED;
    color: #FFFFFF;
    font-size: 11px;
    padding-bottom: 2px;
    padding-top: 1px;
}
a.subMenuLink:link, a.subMenuLink:visited {
    border-bottom: 0 none;
    color: #444444;
    padding-left: 0;
    text-decoration: none;
}
a.subMenuLink:hover {
    border-bottom: 0 none;
    color: #666666;
    text-decoration: none;
}
.bugtrackerLeftCol {
    background-color: #FFB121;
}
.moduleTitle {
    border-bottom: 1px solid #AAAAAA;
    color: black;
}
.welcome {
    background-color: #FF9900;
    border-bottom: 1px solid #000000;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
}
.searchField {
    background-color: #FFFFFF;
    border: 1px solid #323232;
    font-size: 11px;
}
td.search a {
    color: #444444;
}
.search {
    background-color: #FF9900;
    border-bottom: 1px solid #000000;
    color: #FFFFFF;
    padding-right: 10px;
    text-align: right;
}
.searchSeparator {
    background-color: #FF9900;
    background-image: url("../pictures/nSearchSeparator.gif");
    border-bottom: 1px solid #000000;
    height: 20px;
    padding-right: 10px;
    width: 12px;
}
.searchButton {
    background-color: transparent;
    border: 0 none;
    padding-right: 10px;
}
.lastView {
    background-color: #DDDDDD;
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    padding-left: 10px;
}
a.lastViewLink:link, a.lastViewLink:visited {
    border-bottom: 0 none;
    color: #444444;
    padding-left: 0;
}
a.lastViewLink:hover {
    border-bottom: 0 none;
    text-decoration: none;
}
table.leftColumnModuleHead th {
    color: #444444;
    font-size: 12px;
    padding: 0;
    text-align: left;
}
.listView {
    border: 1px solid #9E9E9E;
}
.listViewThS1 {
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
    color: #444444;
    font-weight: bold;
    text-decoration: none;
}
a.listViewThLinkS1:hover {
    color: #222222;
    text-decoration: none;
}
a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
    color: #000000;
    font-size: 12px;
    text-decoration: none;
}
a.listViewTdLinkS1:hover {
}
.evenListRowS1 {
    color: #000000;
    font-size: 12px;
    padding: 2px 5px 4px;
}
.oddListRowS1 {
    color: #000000;
    font-size: 12px;
    padding: 2px 5px 4px;
}
.listViewHRS1 {
    background-color: #CCCCCC;
}
.pageNumbers {
    color: #444444;
}
.listViewPaginationTdS1 {
    background-color: #EEEEEE;
    border-bottom: 1px solid #9E9E9E;
    border-top: 1px solid #FFFFFF;
    color: #cccccc;
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
    color: #E90000;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
a.listViewPaginationLinkS1:hover {
    color: #FF0000;
    font-size: 10px;
    text-decoration: none;
}
a.utilsLink:link, a.utilsLink:visited {
    color: #B20000;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
a.utilsLink:hover {
    color: #FF0000;
    font-size: 11px;
    text-decoration: none;
}
h4.dataLabel {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
}
h5.dataLabel {
    color: #cccccc;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 1px;
}
.dataLabel {
    font-weight: bold;
    vertical-align: top;
}
.dataField {
    font-weight: normal;
    vertical-align: top;
}
.tabDetailView {
    background-color: #CCCCCC;
    border: 1px solid #444444;
}
.tabDetailViewDF {
    background-color: #FAFAFA;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px;
    vertical-align: top;
}
.required {
    color: #FF0000;
}
.failure {
    color: #FF0000;
}
.warning {
    color: #E0B662;
}
.success {
    color: #005500;
}
.notice {
}
.dateFormat {
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
}
.tm {
    font-family: Verdana;
    font-size: 8px;
}
a.rollmenu:link, a.rollmenu:visited {
    color: #444444;
    font-size: 11px;
}
.rollmenu {
    background-color: #FFCC00;
    border-color: #FFCE73 #D8B114 #D8B114 #FFCE73;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    display: block;
    font-family: "Arial","Helvetica","sans-serif";
    font-size: 11px;
    line-height: normal;
    padding: 2px;
    text-decoration: none;
}
.rollmenu:hover {
    background-color: #EDC112;
    border-color: #FFCE73 #D8B114 #D8B114 #FFCE73;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
}
#menuhead {
    background-color: #EDC112;
    border-color: #FFCE73 #D8B114 #D8B114 #FFCE73;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    display: block;
    font-family: "Arial","Helvetica","sans-serif";
    font-size: 11px;
    font-weight: bold;
    line-height: normal;
    padding: 2px;
    text-decoration: none;
}
#menu1 {
    background-color: transparent;
    left: 1px;
    position: absolute;
    top: 1px;
    visibility: hidden;
}
#menu2 {
    background-color: transparent;
    left: 1px;
    position: absolute;
    top: 1px;
    visibility: hidden;
}
#menu3 {
    background-color: transparent;
    left: 1px;
    position: absolute;
    top: 1px;
    visibility: hidden;
}
#menu4 {
    background-color: transparent;
    left: 1px;
    position: absolute;
    top: 1px;
    visibility: hidden;
}
.searchHeadings {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.ERR {
    background-color: #FFDDDD;
    color: #FF0000;
}
.odd {
    background-color: #FFFBED;
}
.even {
    background-color: #FFF7D7;
}
.r2_c1 {
    background: url("../pictures/table_r2_c1.gif") repeat-y scroll right center transparent;
}
.r1_c1 {
    background: url("../pictures/table_r1_c1.gif") no-repeat scroll right top transparent;
}
.r1_c3 {
    background: url("../pictures/table_r1_c3.gif") no-repeat scroll left top transparent;
}
.r1_c2 {
    background: url("../pictures/table_r1_c2.gif") repeat-x scroll left top transparent;
}
.r3_c1 {
    background: url("../pictures/table_r3_c1.gif") no-repeat scroll right bottom transparent;
}
.r3_c3 {
    background: url("../pictures/table_r3_c3.gif") no-repeat scroll left bottom transparent;
}
.r3_c2 {
    background: url("../pictures/table_r3_c2.gif") repeat-x scroll left bottom transparent;
}
.r2_c3 {
    background: url("../pictures/table_r2_c3.gif") repeat-y scroll left center transparent;
}
.cmb {
    width: 130px;
}
#notice {
    padding-left: 10px;
}
.button1 {
    border: medium none;
}
textarea {
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    font-size: 11px;
}
.tableTopLeft {
    background: url("../pictures/table_r1_c1.gif") no-repeat scroll right top transparent;
    height: 11px;
    width: 12px;
}
.tableTopMiddle {
    background: url("../pictures/table_r1_c2.gif") repeat-x scroll center top transparent;
}
.tableTopRight {
    background: url("../pictures/table_r1_c3.gif") no-repeat scroll left top transparent;
    height: 11px;
    width: 12px;
}
.north {
    background: url("../pictures/table_r1_c2.gif") repeat-x scroll center top transparent;
}
.east {
    background: url("../pictures/table_r2_c3.gif") repeat-y scroll right center transparent;
}
.south {
    background: url("../pictures/table_r3_c2.gif") repeat-x scroll center bottom transparent;
}
.west {
    background: url("../pictures/table_r2_c1.gif") repeat-y scroll left center transparent;
}
.ne {
    background: url("../pictures/table_r1_c3.gif") no-repeat scroll right top transparent;
}
.se {
    background: url("../pictures/table_r3_c3.gif") no-repeat scroll right bottom transparent;
}
.sw {
    background: url("../pictures/table_r3_c1.gif") no-repeat scroll left bottom transparent;
}
.nw {
    background: url("../pictures/table_r1_c1.gif") no-repeat scroll left top transparent;
}
.roundbox_content {
    padding: 15px;
}
:disabled:not([type="image"]) {
    background-color: #F6F4F1;
    color: #666562;
}
input:focus:not([readonly]):not([type="image"]), select:focus, textarea:focus {
    background-color: #D8DFEA;
    color: #000;
    font-weight:bold;
}
[readonly] {
    color: #B8B6B0;
}
table.simpleList {
    border: 1px solid gray;
    border-collapse: collapse;
    margin: 5px 0 0 5px;
}
table.simpleList th {
    border-color: gray;
    border-style: solid;
    border-width: 0 0 1px;
    color: black;
    font-weight: bold;
    padding: 3px 3px 3px 5px;
}
table.simpleList td {
    border-width: 0;
    padding: 3px 3px 3px 5px;
}
.inputFormatHint {
    color: #D8D8D8;
}
:disabled:not([type="image"]) {
    background-color: #FFFFFF;
    color: #444444;
}
input[type="text"] {
    border-bottom: 1px solid #cccccc;
    border-left: 0 none;
    border-right: 0 none;
    border-width: 0 0 1px;
width: 150px;
}
form input.formInputText {
    border-bottom: 1px solid #cccccc;
    border-left: 0 none;
    border-right: 0 none;
    border-width: 0 0 1px;
}
table.historyTable th {
    border-width: 0;
    padding: 3px 3px 3px 5px;
    text-align: left;
}
table.historyTable td {
    border-width: 0;
    padding: 3px 3px 3px 5px;
    text-align: left;
}
#active {
    background-color: transparent;
    height: 15px;
    vertical-align: bottom;
    width: 15px;
}
#txtDesc {
    height: 150px;
    width: 330px;
}
#nohiringmanagers {
    border: 1px none;
    color: red;
    font-style: italic;
    padding-left: 10px;
    width: 400px;
}
#employeeSearchAC {
    margin: 10px 0 2px 10px;
    padding-bottom: 2em;
    width: 15em;
}
#employeeSearchAC li {
    list-style-type: none;
}
#employeeSearchAC {
    z-index: 9000;
}
#txtEmployeeSearch {
}
#frmGenerateAttendanceReport div.searchbox input {
    margin-right: 2px;
}
#frmGenerateAttendanceReport div.searchbox input.calendarBtn {
    margin-top: 0;
}
#frmGenerateAttendanceReport #employeeSearchAC {
    margin-top: 0;
}
#frmGenerateAttendanceReport #employeeSearchAC input#txtEmployeeSearch {
    float: none;
}
form input.loginText {
    border-bottom: 1px solid #cccccc;
    border-left: 0 none;
    border-right: 0 none;
    border-width: 0 0 1px;
    height: 14px;
    vertical-align: middle;
    width: 6em;
}
span.timeFormatHint {
    color: #cccccc;
    font-size: 10px;
    padding-left: 6px;
}

.ui-datepicker-trigger{

margin-top:8px;
margin-left:-14px;
}



input.view
{
background-color: #7288B7;
font-weight:bold;
color:white;
border-color: #29447E #29447E #1A356E;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 10px;
#width:38px;

}

input.buttons
{
background-color: #7288B7;
font-weight:bold;
color:white;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
border-color: #29447E #29447E #1A356E;
font-size: 10px;
width: auto;
}





#picture {
		float:left;
		width: 100px;
	}





fieldset.bc {
border: 1px solid #ccc;
padding: 10px;
margin: 0px 10px 10px 10px;
background-color: transparent;
text-align : justify;

}

legend {
border: 1px solid #cccccc;
margin: 0px;
padding: 1px;
margin:5px;
background-color:#eee;
}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;

	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;

		font-weight: bold;
		background-color: #7288B7;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;

		color: #DDD;
	}


#div-regForm, .registered {
    background: url("../../images/bg.jpg") repeat-x scroll 0 0 #FFF;
    border: 3px solid #EEEEEE;
    color: #203360;
    margin: 30px auto 40px;
    padding: 15px;
    width: 400px;

}


.msg {
    background-color: #FFEBE8;
    border: 1px solid #DD3C10;
    font-size: 11px;
    line-height: 1.28;
    margin: 2px;
    padding: 3px;
    text-align: left;
}













